
{include file=member.header.html}

<style>
    select{height: auto}
    .kg{ overflow:hidden;padding:20px 85px;border-bottom:#eee solid 1px;}
    .zscul{margin-left:35px;}
    .zscul li{padding:8px;}
    .zscul li select{padding:5px;}
    .zscul li input{padding:5px;}
    .btn{background: none repeat scroll 0 0 #3F89EC;border: 0 none;color: #FFFFFF;cursor: pointer;font-weight: bold;height: 32px;width: 120px;margin-left:40px;}
    table{padding-bottom:50px;}
    table th{border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE;}
    table td{border-bottom:1px solid #EEEEEE;}
    table th,table td{ padding:8px 10px; text-align:center;}
    .plug-menu{border-radius: 36px;box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);height: 36px;position: relative;width: 36px;top:-15px;left:50px;}
    .plug-menu span {display: block;height: 28px;left: 4px;overflow: hidden;position: absolute;text-indent: -999px;top: 4px;width: 28px;}
</style>

<div class="content">
    {include file=member.menu.html}
    <div id="right">   
        {include file=member.curlocal.html}
        {include file=member.submenu.html}
        <div class="wrap">
            <div class="content-right" style="padding-top:20px;">
                <form  method="post">
                    <input type="hidden" value="{$kmenusinfo.id}" name="id" />
                    <input type="hidden" value="{$kmenusinfo.imgurl}" id="zscimgurl" />
                    <ul class="zscul">
                        <li>
                            <strong>{$lang.icon}</strong>
                            <input type="radio" <!--{if $kmenusinfo.status eq 0 }-->checked="checked"<!--{/if}--> value="0" name="status" /> {$lang.default}
                        </li>
                        <li>
                            <strong>{$lang.image}</strong>
                            <select name="imgurl" onChange="zscimg();" id="imgurl">
                                <option value="{res file=kmenus/plugmenu1.png}">{$lang.mobile}</option>
                                <option value="{res file=kmenus/plugmenu3.png}">{$lang.nav}</option>
                                <option value="{res file=kmenus/plugmenu6.png}">{$lang.index}</option>
                                <option value="{res file=kmenus/plugmenu9.png}">{$lang.shopping}</option>
                                <option value="{res file=kmenus/plugmenu12.png}">{$lang.sina_weibo}</option>
                                <option value="{res file=kmenus/plugmenu13.png}">{$lang.tecent_weibo}</option>
                                <option value="{res file=kmenus/plugmenu14.png}">{$lang.tecent_zone}</option>
                                <option value="{res file=kmenus/plugmenu20.png}">{$lang.service_qq}</option>
                            </select>
                            <input type="hidden" value="{$kmenusinfo.title}" name="title" id="title" />
                        </li>
                        <li>
                            <strong>{$lang.example}</strong>
                            <div id="plugmenucolor" class="plug-menu" style="background-color: #{$kmenusinfo.color};">
                                <span class="close" style="background:url('{$kmenusinfo.imgurl}') no-repeat scroll 0 0 / 28px 28px rgba(0, 0, 0, 0);">
                                </span>
                            </div>
                        </li>
                        <li>
                            <strong>{$lang.color}</strong>
                            <input type="text" onblur="document.getElementById('plugmenucolor').style.backgroundColor = document.getElementById('themeStyle').style.backgroundColor;" style="width:65px; color: rgb(255, 255, 255); background-color:#{$kmenusinfo.color}" class="px color" value="{$kmenusinfo.color}" id="themeStyle" name="color" />
                        </li>
                        <li>
                            <strong>{$lang.link}：</strong>
                            <input type="text" name="loadurl" style="width:230px;" value="{$kmenusinfo.loadurl}" maxlength="200" />
                            <span id="zinfo"></span>
                        </li>
                        <li>
                            <strong>{$lang.sort_order}：</strong>
                            <input type="text" name="nums" style="width:65px;" value="{$kmenusinfo.nums}" />
                        </li>
                        <li>
                            <input type="submit" value="{$lang.save}" class="btn" />
                        </li>
                    </ul>
                </form>
            </div>       
        </div>
    </div>

</div>
<div class="clear"></div>
<script src="{res file=jscolor/jscolor.js}" type="text/javascript"></script>
<script>
                                function zscimg() {
                                    var url = $('#imgurl').val();
                                    var text = $('#imgurl option:selected').text();
                                    $('#title').val(text);
                                    $('.close').css('background', 'url(' + url + ') no-repeat scroll 0 0 / 28px 28px rgba(255, 0, 0, 0)');

                                    if (url == '{res file=kmenus/plugmenu1.png}') {
                                        $('#zinfo').html('{$lang.example_tel}');
                                    } else if (url == '{res file=kmenus/plugmenu3.png}') {
                                        $('#zinfo').html('');
                                    } else if (url == '{res file=kmenus/plugmenu20.png}') {
                                        $('#zinfo').html('');
                                    } else {
                                        $('#zinfo').html('');
                                    }
                                }

                                $(function() {
                                    var img = $('#zscimgurl').val();
                                    $('#imgurl').val(img);
                                });
</script> 
{include file=footer.html}

